<template>
	<view class="agreement">
		<view class="title">
			视频教程
		</view>
		<view class="">
			<video :src="image+liveList.video" class="video"></video>
		</view>
		<u-parse :html="liveList.details" class="text"></u-parse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				image: this.$base.smallimgUrl,
				data: {},
				liveList: null,
			};
		},
		onLoad(el) {
			this.getAgreement()
		},
		methods: {
			getAgreement(){
				let that = this
				that.$api.rollindex('TUTORIAL').then(res => {
					that.liveList = res.data.data
					console.log(res.data.data,'that.homelist')
				})
			},
		}
	}
</script>

<style lang="less">
	.agreement {
		color: #505050;
		display: flex;
		justify-content: left;
		align-items: left;
		flex-direction: column;

		.title {
			margin: 20rpx;
			height: 50rpx;
			line-height: 50rpx;
		}
		.text{
			margin: 20rpx;
		}
		.video {
			width: 95%;
			margin:0 20rpx;
		}

		image {
			width: 100%;
		}

	}
</style>
